<template>
	<view class="recommend">
		<view class="text-all">
			<view class="top">
				<h1>
					daily
				</h1>
			</view>
			<view class="mind">
				<h2>
					recommendation
				</h2>
			</view>
			<view class="bottom">
				Hope you can get your good mood every day here
			</view>
		</view>
		<Content></Content>
		
	</view>
</template>

<script>
	import Content from '../../components/Content/Content.vue'
	export default {
		name: 'recommend',
		data() {
			return {
				
			};
		},
		components: {
			Content
		}
	}
</script>

<style lang="scss">
.recommend{
	// padding: 0rpx 30rpx;
}
.text-all{
	height: 1000rpx;
	box-sizing: border-box;
	padding: 15rpx;
	background-color: rgb(238, 242, 251);
	border-radius: 0px 0px 110rpx 110rpx;
	text-align: center;
	color: #222222;
	.bottom{
		margin-top: 80rpx;
		color: #999999;
	}
	.com-content{
		box-sizing: border-box;
		padding: 0rpx 30rpx;
	}
	.top{
		margin-top: 300rpx;
	}
}
h1, h2{
	font-size: 2rem;
	font-weight: 800;
	color: #222222;
}
</style>
